<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>茂藤篝</title>
	<link rel="stylesheet" href="css/cssReset.css">
	<link rel="stylesheet" href="css/project.css">
	<link rel="stylesheet" href="css/produce-l.css">
	<script type="text/javascript" src="js/time.js"></script>
</head>
<body>
<!-- 页面的顶部 -->
	<div class="top">
		<div class="top-page">
			<div class="top-page-l">您好，欢迎来到茂藤篝!
			<span class="login"><a href="login.html">登录</a> | <a href="index.html">注册</a>
			</div>
			<div class="top-page-r">
				今天是：
				<span id="time"></span>
				<script language="javascript"> showtime();</script>
			</div>
		</div>
	</div>

<!-- logo开始 -->
	<div class="logo">
		<a href="index.html" title=""><h1 class="logo-l">茂藤篝</h1></a> <!--网站logo语义化的角度换成a标签增加权重-->
		<div class="logo-r">
			<div class="logo-r-content">
				<input type="input" class="logo-r-searche" value="请输入关键字" onfocus="this.value=''" onblur="if(this.value==''){this.value='请输入关键字'}">
				<input type="button" value="搜索" class="logo-r-btn">
			</div>
		</div>
		<div class="logo-rr">
			<span>茂藤篝&nbsp;&nbsp;&nbsp;</span>
			<span class="logo-rrz">没有最好,只有更好</span>
		</div>
	</div>
<!-- logo结束 -->

<!-- 导航开始 -->

	<div class="nav">
		<ul>
			<li><a href="index.html" title="">首页</a></li>
			<li class="moren"><a href="project.html"  title=""><span>活动</span></a></li>
			<li><a href="youji.html" title="">游记</a></li>
			<li><a href="forum.html" title="">论坛</a></li>
			<li><a href="equipment.html">装备</a></li>
			<li><a href="lianxi.html" target="_blank">介绍</a></li>
		</ul>
	</div>
<!-- 导航结束 -->

<!-- 主体部分 -->
<div class="project">
	<div class="ptop">
		<div class="ptop-left">
			<i></i>
		</div>
		<span class="xin">心之所向 身之所往</sapn>
		<div class="ptop-right">
			<i></i>
		</div>
		<div class="ptop-img">
			<span>用茂藤篝的感动，铺满整个季节</span>
			<div class="ptop-img-img">
				<div><img src="image/001.png"></div>
				<div><img src="image/002.png"></div>
				<div><img src="image/003.png"></div>
				<div><img src="image/004.png"></div>
				<div><img src="image/005.png"></div>
				<div><img src="image/006.png"></div>
				<div><img src="image/007.png"></div>
				<div><img src="image/008.png"></div>
		    </div>
		</div>
	</div>
	<div class="pbottom ptop">
		<div class="pbottom-left ptop-left">
			<i></i>
		</div>
		<span class="pbottom-xin">一起出发吧</sapn>
		<div class="pbottom-right ptop-right">
			<i></i>
		</div>
		<div class="pbottom-img ptop-img">
			<span>几张旧纸，笔尖轻触，如花开一瞬，却映半生繁花。</span>
			<div class="lv">
					<div class="img">
						<img src="image/0001.jpg" width="278" height="438">
						<div class="test">
						井冈山大学湖心亭<br/><hr/>所有关于青春的故事都离不开艰苦的环境、捉襟见肘的窘迫，那些回忆起来能让你的皱纹都舒展开来的人和事，才是你绵长的生命时光里最温暖幸福的事.
						</div>
					</div>
					<div class="img">
						<img src="image/0002.jpg" width="278" height="438">
						<div class="test">
							庐山迎客松<br/><hr/>
					春天，冰裹桃红，雾绕青峰，若梦若幻；<br/>
					夏天，千山滴翠，万木浓荫，云舒云卷；<br/>
					秋天，桂子飘香，枫叶流丹，疏峰吐月；<br/>
					冬天，苍松傲雪，寒梅破冰，银装素裹。<br/>
					唐代诗人白居易以“匡庐奇秀甲天下山”八个字道出庐山的精髓和品位。
						</div>
					</div>
					<div class="img">
						<img src="image/0003.jpg" width="278" height="438">
						<div class="test">
							明月山栈道<br/><hr/>
						青烟漠漠锁山腰，一道泉流玉屑飘;
					　　<br/>气吐白虹晴欲雨，瀑飞翠壁夜闻潮;
					　　<br/>终年匹练寒幽谷，尽日银河泻紫霄;
					　　<br/>我欲振衣千仞上，饱餐灵液涤尘嚣。
						</div>
					</div>
					<div class="img">
						<img src="image/0004.jpg" width="278" height="438">
						<div class="test">
							吉安大桥夜景<br/><hr/>
						吉安大桥成了吉安城的标志，成了吉安崛起的象征，成了吉安人民心目中的骄傲与自豪！有一首歌唱道：“吉安，吉安，吉祥平安……”这就是吉安人的心声表达。走过吉安大桥，便是走过吉祥平安，走向幸福和谐，走向充满希望的光辉灿烂的明天！
　　美丽的吉安，您的明天一定会更加美好！
						</div>
					</div>
			</div>
		</div>
	</div>

</div>





<!-- 主体结束 -->






<div class="clear"></div>
<!-- end开始 -->
	<div class="foot">
	<span>来自M48星球的奥特曼提醒你：你的孤独虽败犹荣</span>
	<ul><li><a href="#"> 关于本站 |</a></li>
	<li><a href="#"> 版权信息 |</a></li>
	<li><a href="#"> 合作伙伴 |</a></li>
	<li><a href="#"> 联系我们 |</a></li>
	<li><a href="#"> 网站地图</a></li>
	</ul></div>
	<!-- end结束 -->
	<!-- 友情链接 -->
	<div class="friend">
		<span>友情链接：</span>
		<ul>
              <li><a href="http://www.baidu.com">百度一下</a></li>
              <li><a href="http://www.itcast.cn">传智播客</a></li>
              <li><a href="http://www.itheima.com">黑马程序员</a></li>
              <li><a href="http://www.loldytt.com">LOL电影天堂</a></li>
              <li><a href="http://study.163.com">网易云课堂</a></li>
              <li><a href="http://www.webhek.com">WEB骇客</a></li>
              <li><a href="https://jq22.com">JQ插件库</a></li>
              <li><a href="http://www.imooc.com">慕课网</a></li>
              <li><a href="https://www.pexels.com">高清壁纸</a></li>
              <li><a href="https://hao.360.cn">360导航</a></li>
              <li><a href="https://www.jd.com/">京东商城</a></li>
              <li><a href="http://www.zol.com.cn/">中关村在线</a></li>
              <li><a href="http://www.163.com/">网易新闻</a></li>
              <li><a href="http://www.iqiyi.com/">爱奇艺视频</a></li>
              <li><a href="http://v.qq.com/">腾讯视频</a></li>
              <li><a href="http://www.youku.com/">优酷视频</a></li>
          </ul>
	</div>
	<!-- end footer -->
	<div class="footer">
    <p>本站内容来自互联网，如果侵犯了你的权益，请与我们联系   邮箱地址：liveu93424@126.com</p>
	</div>



</body>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
	$(window).scroll(function(){
		var _top = $(window).scrollTop();
		if(_top > 200){
			$(".nav").addClass("navfd");
		}
		else{
			$(".nav").removeClass("navfd");
		}
	});
</script>


</html>